<template>
  <!-- 发布公告弹窗 -->
  <div
    class="announcement"
    title="发布公告"
    v-show="showAnnounce"
    width="30%"
    :before-close="handleClose"
    @click="announcement"
  >
    <close
      class="close"
      theme="two-tone"
      size="27"
      :fill="['#000000', '#ffffff']"
      :strokeWidth="3"
      strokeLinejoin="miter"
      strokeLinecap="butt"
      @click="closeA"
    />
    <el-form :rules="Noticerules" :model="NoticeForm" ref="NoticeForm">
      <!-- 发布人 -->
      <el-form-item label="发布人" prop="user_id">
        <el-input
          disabled
          size="min"
          style="width: 300px"
          v-model="NoticeForm.user_id"
        ></el-input>
      </el-form-item>

      <!-- 区域名称和物业电话 -->
      <el-table :data="tableData" height="200" border style="width: 95%">
        <el-table-column prop="area_name" label="区域名称"> </el-table-column>
        <el-table-column prop="number" label="物业电话"> </el-table-column>
      </el-table>

      <!-- 公告内容 -->
      <el-form-item laber="公告内容">
        <el-input
          v-model="NoticeForm.notice_content"
          size="min"
          type="textarea"
          style="width: 380px"
          :rows="6"
          placeholder="请输入公告内容"
        ></el-input>
      </el-form-item>

      <!-- 提交按钮 -->
      <el-form-item>
        <el-button type="primary" @click="onSubmit">发布公告</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
import { Close } from '@icon-park/vue'
export default {
  components: { Close },
  data() {
    return {

    }
  },
  mounted() {
    /* 公告处理 */
    this.getAllnotice()
  },
  methods: {
   
  },
}
</script>

<style></style>
